<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>登录</title>
<link type="text/css" rel="stylesheet" href="__STATIC__/index/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="__STATIC__/index/css/common.css">
<link type="text/css" rel="stylesheet" href="__STATIC__/index/css/index.css">
<link type="text/css" rel="stylesheet" href="__STATIC__/index/css/register.css">
<script type="text/javascript" src="__STATIC__/index/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/superslide.2.1.js"></script>
</head>
<script>
//验证码点击刷新
$(function(){
	var img = $("#verify_img");
	var src = img.attr("src")+"?";
	img.click(function(){
		img.attr("src",src+Math.random());
	});
});
</script>

<body>


<!--  header  -->
<div class="header clearfix">
	
	<!--  焦点图  -->
	<div class="fullSlide text-center clearfix">
		<div class="bd">
			<ul class="list-unstyled">
				<li _src="url(__STATIC__/index/img/banner01.jpg)" style="background: #0A1D43 center center no-repeat;"><a href="#" target="_blank"></a></li>
				<li _src="url(__STATIC__/index/img/banner02.jpg)" style="background: #C30D23 center center no-repeat;"><a href="#" target="_blank"></a></li>
				<li _src="url(__STATIC__/index/img/banner03.jpg)" style="background: #7D0AE3 center center no-repeat;"><a href="#" target="_blank"></a></li>
			</ul>
		</div>
		<div class="hd"><ul></ul></div>
	</div>
	<!--  焦点图 end  -->
	
	<!--  头部导航  -->
	<div class="top-nav-bg"></div>
	<div class="top-nav clearfix">
		<div class="width-common margin-auto">
			<div class="nav-left pull-left">
				<a href="#" target="_blank" class="logo pull-left"></a>
				<ul class="menu pull-left list-unstyled">
					<li><a href="#" target="_blank">首页</a></li>
					<li><a href="#" target="_blank">膳食</a></li>
					<li><a href="#" target="_blank">运动</a></li>
				</ul>
			</div>
			<div class="nav-right pull-right">
				<ul class="menu-right pull-right list-unstyled">
					<li class="login"><a href="{:url('login/login')}" target="_blank">登录</a></li>
					<li class="login"><a href="{:url('login/reg')}" target="_blank">注册</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!--  头部导航 end  -->


</div>
<!--  header end  -->



<!--  container-wrap  -->
<div class="container-wrap width-common margin-auto clearfix bg-fff mt40">
		
	<!--  第一步  -->
	<div class="regester1-con clearfix">
		<form class="form-horizontal" role="form" action="login/login" method="post">
			<div class="form-group">
				<label for="" class="control-label">用户名</label>
				<div class="control-box">
					<input type="text" name="username" required class="form-control" id="" placeholder="">
				</div>
			</div>
			<div class="form-group">
				<label for="" class="control-label">密码</label>
				<div class="control-box">
					<input type="password" name="password" required   class="form-control" id="" placeholder="">
				</div>
			</div>
		
			<div class="form-group submit">
				<input type="submit" class="btn btn-primay" value="登录">
			</div>
			
		</form>
				<!--<form method="post">
		<table class="login right">
			<tr><th>用户名：</th><td><input type="text" name="username" required /></td></tr>
			<tr><th>密码：</th><td><input type="password" name="password" required /></td></tr>
			<tr><th>验证码：</th><td><input type="text" name="verify" required  /></td></tr>
			<tr><td> </td><td><img src="./Public/Common/img/captcha.png" id="verify_img" title="点击刷新验证码"/></td></tr>
			<tr><td> </td><td><input class="button" type="submit" value="登　录" /></td></tr>
			<tr><td colspan="2" class="center"><a href="/User/register.html">立即注册</a><a href="/">返回首页</a></td></tr>
		</table>
		</form>-->
	</div>
	<!--  第一步 end  -->

</div>
<!--  container-wrap end  -->


<!--  footer  -->
{include file="public/footer"}
<!--  footer end  -->

<!--  弹出登录窗口  -->
<div class="pop-login-box" style="display: none;">
	<div class="bg"></div>
	<div class="content oh">

		<div class="title text-center">
			<h1>登&nbsp;录</h1>
			<a href="#" class="btn-close">关闭</a>
		</div>
		<ul class="nav text-center" role="tablist">
			<li role="presentation" class="active"><a href="#login1" aria-controls="login1" role="tab" data-toggle="tab">账号密码登录</a></li>
			<li role="presentation"><a href="#login2" aria-controls="login2" role="tab" data-toggle="tab">手机验证码登录</a></li>
		</ul>
		<div class="tab-content">
			<!--  账号密码登录  -->
			<div role="tabpanel" class="tab-pane active" id="login1">
				<div class="form-group user">
					<input type="text" class="form-control" placeholder="请输入用户名">
					<i></i>
				</div>
				<div class="form-group pass">
					<input type="password" class="form-control" placeholder="请输入密码">
					<i></i>
				</div>
				<div class="form-group remember">
					<div class="checkbox pull-left"><label><input type="checkbox" value="">记住我</label></div>
					<a href="#" target="_blank" class="forget pull-right">忘记密码？</a>
				</div>
				<button class="btn btn-primary" type="button">立即登录</button> 
			</div>
			<!--  账号密码登录 end  -->
			<!--  手机验证码登录  -->
			<div role="tabpanel" class="tab-pane" id="login2">
				<div class="form-group user">
					<input type="text" class="form-control" placeholder="请输入用户名">
					<i></i>
				</div>
				<div class="form-group message">
					<input type="text" class="form-control pull-left" placeholder="短信验证码" style="width: 192px;">
					<button class="btn btn-primary pull-right btn-message">获取验证码</button>
					<i></i>
				</div>
				<button class="btn btn-primary" type="button" style="margin-top: 40px;">立即登录</button> 
			</div>
			<!--  手机验证码登录 end  -->
		</div>
	</div>
</div>
<!--  弹出登录窗口 end  -->


<script type="text/javascript">
//头部焦点图代码
$(".fullSlide").slide({
	titCell: ".hd ul",
	mainCell: ".bd ul",
	effect: "fold",
	autoPlay: true,
	autoPage: true,
	trigger: "click",
	startFun: function(i) {
		var curLi = jQuery(".fullSlide .bd li").eq(i);
		if ( !! curLi.attr("_src")) {
			curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
		}
	}
});
</script>


</body>
</html>

